<template>
  <div class="home">
    <div class="title">我的结对对象</div>
    <div class="list">
      <Con :config="config"></Con>
    </div>
  </div>
</template>
<script>
import Con from './com.vue'
export default{
  components:{ Con },
  data(){
    return {
      config:{
        src:require('../../assets/999.jpeg'),
        name:'邵阳风',
        list:[
          { name:'身份证号',value:'591451*******215' },
          { name:'联系电话',value:'152 8535 4421' },
          { name:'家庭地址',value:'西湖区三墩镇灯彩街288号' },
          { name:'结对包联干部',value:'2人' },
        ],
        val1:'电话联系',
        val2:'帮扶记录'
      }
    }
  }
}
</script>
<style lang="scss" scoped>
.home{
  width: 100vw;
  min-height: 100vh;
  background-color: #f5f6f7;

  .title{
    width: 3.75rem;
    height: 0.44rem;
    background: #fff;
    border-radius: 0rem 0rem 0rem 0rem;
    font-size: 0.17rem;
    font-family: PingFang SC-中黑体, PingFang SC;
    font-weight: normal;
    color: #363A44;
    line-height: 0.44rem;
    text-align: center;
  }

  .list{
    margin: 0.16rem;
  }
}
</style>
